<template>
    <van-swipe class="my-swipe"  indicator-color="#1baeae">
      <van-swipe-item v-for="(item, index) in list" :key="index">
        <img :src="item.carouselUrl" alt="" @click="goTo(item.redirectUrl)">
      </van-swipe-item>
    </van-swipe>
  </template>
  
  <script>
  export default {
    props: {
      list: {
        type: Array,
        default: null
      }
    },
    methods: {
      goTo(url) {
        window.open(url)
      }
    },
    mounted(){
      console.log(this.list,23)
    }
  }
  </script>
  
  <style lang='scss' scoped>
    .my-swipe .van-swipe-item {
      img {
        width: 100%;
        height: 100%;
      }
    }
  </style>